<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.min.js"></script>
    <script src="js/axios.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="ele-2.15.7/index.js"></script>
    <script src="myjs/base.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/base.css">

</head>
<link rel="stylesheet" href="css/index.css">
<body>
<div id="app" style="width: 100%;height: 100%;">
    <el-container style="height: 100%">
        <el-container>
            <el-header style="height: 74px;padding-top: 10px;">
                <myhead img-url="image/YYDS.png" title="YYDS影院" :user-msg="userMsg" ></myhead>
            </el-header>

            <el-container>
                <el-main>
                    <div class="main-text">
                        <div>
                            <span style="width: 30px;position: absolute;padding-left: 30px;font-size: 30px;color: white"> 今 日 放 映</span>
                        </div>
                       <div style="width: 80%;margin: auto;">
                           <el-carousel :interval="5000" arrow="always" height="500px" style="margin-top: 10px">
                               <el-carousel-item v-for="name in showMovie.data" :key="name">
                                   <el-image :src="name.movieimage" style="width: 100%;height:100%;display: inline-block" ></el-image>
                                   <div class="main-text-title">
                                       <span class="wenzineirong"><em style="width: 100%">{{name.moviename}}</em></span>
                                       <br>
                                       <span class="wenzineirong2">时长:{{name.time}}分钟</span><br>
                                       <span class="wenzineirong2">类型:{{name.type}}</span><br>
                                       <span class="wenzineirong2">地区:{{name.area}}</span>

                                   </div>
                               </el-carousel-item>
                           </el-carousel>
                       </div>
                    </div>
                    <div class="review-slider">
                        <ul class="main-lists-ul" ref="myul">
                                <li class="solidphoto" v-for="img in movies" >
                                    <a href="movie.html" target="_blank"><img :src="img.movieimage" style="width: 350px; height: 250px;border-radius: 5px;border: 2px solid white"></a>
                                </li>
                            </ul>
                    </div>
                    <div id="index-gg" class="main-text2" style="width: 100%;height: 360px;margin: 10px 0">

                        <el-carousel height="330px" style="min-width: 1900px" >
                            <el-carousel-item v-for="(item,index) in guangGao" :key="index">
                                <a :href="item.src" target="_blank"><el-image :src="item.image" ></el-image></a>
                            </el-carousel-item>
                        </el-carousel>
                    </div>
                    <div class="review-slider2">
                        <ul class="main-lists-ul2" >
                            <li class="solidphoto2" v-for="img in imgs">
                                <a href="#"><img :src="img" style="width: 400px;height: 400px"></a>
                            </li>
                        </ul>
                    </div>
                </el-main>
                <el-footer style="padding: 0px;">
                    <!-- footer -->
                    <footer class="footer" style="min-width: 1380px;">
                        <div class="footer-inner">
                            <h3 class="homeico footer-inner-logo"></h3>
                            <p class="footer-inner-links">
                                <a href="https://www.1905.com/about/aboutus/" target="_blank">关于我们</a><span>|</span>
                                <a href="https://www.1905.com/sitemap.html" target="_blank">网站地图</a><span>|</span>
                                <a href="https://www.1905.com/jobs/" target="_blank">诚聘英才</a><span>|</span>
                                <a href="https://www.1905.com/about/copyright/" target="_blank">版权声明</a><span>|</span>
                                <a href="https://www.1905.com/about/contactus/" target="_blank">联系我们</a><span>|</span>
                                <a href="https://www.1905.com/error_report/error_report-p-pid-125-cid-126-tid-128.html" target="_blank">帮助与反馈</a><span>|</span>
                                <a href="https://www.1905.com/link/" target="_blank">友情链接</a><span>|</span>
                                <a href="https://www.1905.com/cctv6/advertise/" target="_blank">CCTV6广告招商</a><!--<span>|</span>
                <a href="javascript:void(0)">合作媒体</a>-->
                            </p>
                            <div class="footer-inner-bottom">
                                <a href="https://www.1905.com/about/licence/" target="_blank" >网络视听许可证0107199号</a>
                                <a href="https://www.1905.com/about/cbwjyxkz/" target="_blank" >出版物经营许可证</a>
                                <a href="https://www.1905.com/about/jyxyc/" target="_blank" >经营性演出许可证</a>
                                <a href="https://www.1905.com/about/gbdsjm/" target="_blank" >广播电视节目制作经营许可证</a>
                                <br>
                                <a href="https://www.1905.com/about/beian/" target="_blank">企业法人营业执照</a>
                                <a href="https://www.1905.com/about/zzdxyw/" target="_blank">增值电信业务经营许可证</a>
                                <a href="https://beian.miit.gov.cn" target="_blank">京ICP备12022675号</a>
                                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010202000300" target="_blank">京公网安备 11010202000300号</a>
                                <br>
                                <ul class="links-ul">
                                    <li v-for="name in linksdata.data" style="float: left;display:inline-block; margin-right:23px;">
                                        <a :href="name.linkurl">
                                            {{name.linkname}}
                                        </a>
                                    </li>
                                </ul>

                            </div>
                        </div>
                    </footer>
                    <!-- 版权 -->
                    <div class="copy-right" style="min-width: 1380px;width: 100%">
                        <div class="copy-right-conts clearfix">
                            <div class="right-conts-left fl">
                                <span>CopyRight © 2022</span>
                                <em>电影频道节目中心官方网站</em><em class="conts-left-margin">|</em>
                                <em>
                                    <a href="https://www.1905.com/about/icp/" target="_blank">京ICP证100935</a>
                                </em>
                            </div>
                        </div>
                    </div>
                    <!--返回顶部-->
<!--                    <div style="width: 100%;height: 100%;">-->

<!--                        <el-backtop :bottom="60"></el-backtop>-->

<!--                        </div>-->
                    <div>
                        <template>
                            <el-backtop  :bottom="100">
                                <div
                                        style="{
                                                height: 100%;
                                                width: 100%;
                                                background-color: #f2f5f6;
                                                box-shadow: 0 0 6px rgba(0,0,0, .12);
                                                text-align: center;
                                                line-height: 40px;
                                                color: #1989fa;
                                              }"
                                >
                                   UP
                                </div>
                            </el-backtop>
                        </template>
                    </div>
                </el-footer>

            </el-container>
        </el-container>
    </el-container>
</div>
</body>
<script src="myjs/index.js"></script>
</html>

<style>
    /*============footer=============*/

    /*html,body,div,footer {*/
    /*    margin:0;*/
    /*    padding:0;*/
    /*    border:0;*/
    /*    !*font:inherit;*!*/
    /*    font-size:100%;*/
    /*    vertical-align:baseline;*/
    /*    display: block;*/
    /*}*/

</style>